<template>
  <Carousel />
  <ProductCenter />
  <div class="aboutBg">
    <AboutUs />
    <DevelopmentHistory />
  </div>

  <NewsTrands />
</template>

<script>
  import Carousel from "./Carousel";
  import ProductCenter from "./ProductCenter";
  import AboutUs from "./AboutUs";
  import DevelopmentHistory from "./DevelopmentHistory/";
  import NewsTrands from "./NewsTrands";

  export default {
    name: "Home",
    components: {
      Carousel,
      ProductCenter,
      AboutUs,
      DevelopmentHistory,
      NewsTrands,
    },
  };
</script>

<style scoped>
  .aboutBg {
    background-color: #f8f8f8;
    margin-top: 60px;
    padding: 60px 0px;
  }
</style>